未分类

折腾编辑器 & Visual Studio Code

|   Tips, 技术
阅读次数: 1000000
本文字数: 1.6k 阅读时长: 6 分钟
  1. 折腾的编辑器
  2. 附录-VS Code 使用记录:
    1. 常用快捷键
    2. 插件们

折腾的编辑器

VSCode logo Update

最早用编辑器，在Windows用的是Sublime Text，然后在Ubuntu把geditor调的不错了，就一直用geditor，然后换了电脑，又安装了Sublime Text和Atom，而LaTeX编辑器最最开始用的TexMaker（比较“傻瓜式”，适合小白），后来就一直在用Texsudio了。

Sublime Text(ST)主要看中了它的小巧，毕竟也不是写什么大工程，只是需要一个轻快、高亮美观的编辑器，同时其插件也不少，不过ST是商业软件，授权费用也不低，免费版不影响使用，但付费弹窗还是有点频繁。

Atom是因为后来用GitHub用的多了些(但依然很小白)，了解到它是GitHub出品的编辑器，然后开始网上也比较火，就下来试一试，不过感觉到现如今启动还是感觉有点慢，虽然界面很不错，但总觉得不太顺手，只是在博客、网页、改GitHub项目时用过几次（印象最深是一次提交GitHub的update，用ST改的脚本，在GitHub网页查看代码换行处总有个红色的错误警示，用Atom复制一遍就没有，后来查了好像红色提示是换行符，不知道ST为啥那里换行符不对）。

最近出国，师兄推荐他一直使用的Visual Studio Code(微软的开源编辑器)，给我展示了一些很不错的特性：全平台、界面美观、插件多、配置可GitHub备份、自带终端、远程连接(借助pdf插件可以SSH远程打开服务器上的图片PDF)等等，然后自己也简单查了一下，确实很多人推荐VSCode，遂下载来试一试～
折腾一圈确实还蛮顺手的。
不过许多要素、特性还得学习习惯一下，比如关于工作区和文件夹的关系，目前是三个编辑环境：计算+Blog+LaTeX，但目前VS目前只能同时打开一个工作区，在做计算时，想写下blog，就得关闭计算区(好多窗口、终端都已经打开了，关闭再开很不方便)，目前还没有找到合适的工作流或使用技巧；同时也遇到一些莫名其妙的bug(网上查感觉别人并没有遇到过)，比如想更改终端打开的快捷键，在设置和setting.json都配置了，但均无效，习惯用默认的快捷键【ctrl+`】却偶尔失效无反应；

B站也有不少VSCode教程，有空学习一下～

附录-VS Code 使用记录:

[TOC]

常用快捷键

[官方快捷键文档for macOS]
(https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf)
[官方快捷键文档for Linux]
(https://code.visualstudio.com/shortcuts/keyboard-shortcuts-linux.pdf)
官方快捷键文档for Windows

  • Terminal：活动窗口【ctrl+`】 和 新建终端窗口【ctrl+shift+`】
  • 拆分窗口：【cmd+\】
  • 设置：【ctrl+,】
  • 快捷键搜索：【ctrl+shift+P】
  • 文件搜索：【ctrl+P】
  • LaTeX编译：【ctrl+alt+B/cmd+opt+B】(need LaTeX Workshop插件)
  • LaTeX编译：【ctrl+alt+V/cmd+opt+V】
  • LaTeX文档正反同步跳转：【ctrl/cmd+click】

插件们

  • Modern Fortran：
    v2.1.1(190106)Fortran代码高亮插件，带有代码折叠、自动补全等功能; Main Page
  • Markdown Preview Enhanced：
    Markdown预览增强，VS Code已自带md预览（快捷键
    v```开启，并可适配主题暗色），但不支持LaTeX公式等，本插件可以增强预览功能[Doc](https://shd101wyy.github.io/markdown-preview-enhanced/#/zh-cn/vscode-installation) 
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    - **Panda Theme：**
    v1.3.0(190107)，A superminimal, dark syntax theme. [Main page](http://panda.siamak.work)
    - **LaTeX Workshop：**
    LaTeX写作增强，build/view/源文件跳转...[wiki](https://github.com/James-Yu/LaTeX-Workshop/wiki) 编译快捷键：【ctrl+alt+B/cmd+opt+B】
    - **Better Comment：**
    注释增强插件，[main page](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments)

    ## 设置&问题与Tips：
    ### 显示语言更改
    1）打开vscode工具；
    2）使用快捷键组合【Ctrl+Shift+p】，在搜索框中输入“configure display language”，回车即可；
    3）或者修改locale.json文件下的属性“locale”为“zh-CN”;
    4）重启vscode工具；
    5）若中文未正常显示，则在插件搜索栏搜索安装"Chinese simplified"
    > https://blog.csdn.net/qq_30068487/article/details/82589347

    ### 预览模式问题
    VS Code打开新的文件会覆盖当前打开窗口的文件，这是因为你**单击文件名 “预览模式”**，此时tab上文件名是斜体，所以再单击其他文件时，会覆盖当前打开的文件。如果你要每次都打开新tab，**双击文件名**会用编辑模式打开新窗口。

    如果你实在不喜欢，可以关掉，
    在配置settings.json里加一条：
    `
    "workbench.editor.enablePreview": false,
    `
    > https://segmentfault.com/q/1010000006131199

    ### 对比文件
    右键文件1-选择以比较(Select for compare)，右键文件2-与已选择文件比较(Compare with selected) 
    [使用vscode比较两个文件的差别](https://www.cnblogs.com/dead-micky/p/8472647.html)

    ### 代码高亮颜色修改
    发现VScode的默认代码高亮颜色不喜欢（注释是绿色的），可以自定义代码高亮颜色：
    设置 - 右上角小图标 点开 setting.json，在最下方（需在已有的大括号{}内）添加

“editor.tokenColorCustomizations”: {
“comments”: {
// 设置字体样式 加粗 下划线 斜体等
//“fontStyle”: “”,
// 设置字体颜色
"foreground": “555555”
}, // 注释
// “keywords”: “#0a0”, // 关键字
// “variables”: “#f00”, // 变量名
// “strings”: “#e2d75dbd”, // 字符串
// “functions”: “#5b99fcc9”, // 函数名
// “numbers”: “#AE81FF” // 数字
},

1
2
3
4
> https://www.jianshu.com/p/975b009f9c4a

### 代码列分割线
To configure it, go to File > Preferences > Settings and add this to to your user or workspace settings:

“editor.rulers”: [72,132]

1
The color of the rulers can be customized like this:

“workbench.colorCustomizations”: {
“editorRuler.foreground”: “#ff4081”
}

1
或者按语言显示不同分割线

“[git-commit]”: {“editor.rulers”: [50]}
"[python]": {“editor.rulers”: [79,120]}

1
2
3
> https://www.zhihu.com/question/57128852
> https://stackoverflow.com/questions/29968499/vertical-rulers-in-visual-studio-code
Fortran的分割线设置写法：

“[fortran_fixed-form]”: {“editor.rulers”: [0,1,5,6,72]},
"[FortranFreeForm]": {“editor.rulers”: [0,1,5,6,132]}

1
2
3
4
5
6
7
8
9
> Fortran固定/自由格式：http://micro.ustc.edu.cn/Fortran/ZJDing/Sec1-3.htm

### 编辑器自动换行
Visual Studio Code是默认不会自动换行的
那么如何设置它按照我们的可视区域自动折行呢？
方法如下：
文件 -> 首选项 -> 设置，
Mac则是右上角
Code -> 首选项 -> 设置，搜索Editor Word Wrap并打开即可，或在setting.json中添加：

“editor.wordWrap”: “on”

> https://sherlockgy.github.io/2018/09/01/设置VsCode自动换行/
分享到： QQ空间 新浪微博 腾讯微博 人人网 微信